@charset "utf-8";
  .left {
 	float: left;
 }
 
 .right {
 	float: right;
 }
 
 .clearboth {
 	clear: both;
 }
 
 .content-1 {
 	width: 1180px;
 	margin: 0 auto;
 }
 
::selection {
	background-color: #0c5f07;
	color: #fff;
}

::-moz-selection {
	background-color: #0c5f07;
	color: #fff;
}

::-webkit-selection {
	background-color: #0c5f07;
	color: #fff;
}

/*header*/
.header-bg{
	width: 100%;
	height: 190px;
	background:url(../images/header-bg.jpg) no-repeat center;
}
.top-l{
	font: 14px/30px "microsoft yahei";
	color: #fff;
}
.top-r a{
	display: inline-block;
	padding:0 10px;
}
.top-r a:hover{
	color: #0c5f07;
}

.logo{
	width: 247px;
	height: 53px;
}
.logo img{
	display: block;
	margin-top: 40px;
	width: 247px;
	height: 53px;
}

.dingwei{
	padding-left: 160px;
}
.dingwei h4{
	padding-top: 36px;
	font: bold 24px/30px "microsoft yahei";
	color: #333;
}
.dingwei p{
	font: bold 20px/30px "microsoft yahei";
	color: #0C5F07;
}

.header-tel {
	width: 170px;
	height: 53px;
	background: url(../images/header-tel.png) no-repeat center left;
	padding-left: 70px;
	margin-top: 40px;
}

.header-tel p{
	font: 16px/24px "microsoft yahei";
	color: #333;
}
.header-tel h4{
	font: 28px/30px impact;
	color: #ffa900;
}




/*nav*/
.nav{
	width: 100%;
	height: 64px;
	background: transparent;
}
.nav .content-1 ul li{
	float: left;
}
.nav .content-1 ul li a{
	display: inline-block;
	font: 15px/64px "microsoft yahei";
	padding: 0 34px;
	transition:all 1s ease;
	-webkit-transition:all 1s  ease;
	-moz-transition:all 1s  ease;
	-ms-transition:all 1s  ease;
	color: #333;
}
.nav .content-1 ul li a:hover{
	color: #ffa900;
	background: url(../images/nav-li.jpg) no-repeat center bottom;
	-webkit-animation: rot 0.5s 2  alternate;
	-moz-animation: rot 0.5s 2  alternate;
	-ms-animation: rot 0.5s 2  alternate;
	animation: rot 0.5s 2  alternate;
	-ms-transform: rotate(0deg)  scale(1.1);
}
@keyframes rot{
	0%{-webkit-transform: rotate(2deg) ; -moz-transform: rotate(2deg); -ms-transform: rotate(2deg);  transform: rotate(2deg); }
	50%{-webkit-transform: rotate(-2deg)  scale(1.01); -moz-transform: rotate(-2deg)  scale(1.01); -ms-transform: rotate(-2deg)  scale(1.01); transform: rotate(-2deg)  scale(1.01);}
	100%{-webkit-transform: rotate(0deg) scale(1.1) ; -moz-transform: rotate(0deg)  scale(1.1); -ms-transform: rotate(0deg)  scale(1.1); transform: rotate(0deg)  scale(1.1);}
}

.nav ul li.another a{ 
	background: #FFA900;
	color: #fff;
}
.fixedNav{background:#f2f2f2;color:#fff; position:fixed; top:0px; left:0px; width:100%; z-index:100000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}



/*footer-top*/
.footer-top{
	width: 100%;
	height: 143px;
	display: block;
	background: #0C5F07;
	margin-top: 30px;
}
.footer-top .footer-logo{
	width: 247px;
	height: 53px;
	padding-top: 30px;
}


.footer-tel {
	width: 170px;
	height: 53px;
	background: url(../images/footer-tel.png) no-repeat center left;
	padding-left: 70px;
	margin-top: 30px;
}

.footer-tel p{
	font: 16px/24px "microsoft yahei";
	color: #fff;
}
.footer-tel h4{
	font: 28px/30px impact;
	color: #fff;
}

.footer-nav .content-1 ul li{
	float: left;
	margin-top: 20px;
}
.footer-nav .content-1 ul li a{
	display: inline-block;
	font: 15px/40px "microsoft yahei";
	padding: 0 34px;
	transition:all 1s ease;
	-webkit-transition:all 1s  ease;
	-moz-transition:all 1s  ease;
	-ms-transition:all 1s  ease;
	color: #fff;
}
.footer-nav .content-1 ul li a:hover{
	color: #fff;
	background: url(../images/footer-li.png) no-repeat center bottom;
	-webkit-animation: rot 0.5s 2  alternate;
	-moz-animation: rot 0.5s 2  alternate;
	-ms-animation: rot 0.5s 2  alternate;
	animation: rot 0.5s 2  alternate;
	-ms-transform: rotate(0deg)  scale(1.1);
}



.footer-bottom{
	width: 100%;
	height: 206px;
	background: #333;
}
.footer-bottom-left {
	font: 14px/36px "microsoft yahei";
	color: #bbbbbb;
	margin-top: 40px;
}
.footer-bottom-left h2{
	display: inline-block;
	font: 14px/36px "microsoft yahei";
	color: #bbbbbb;
}
.footer-bottom-left a{
	color: #bbb;
}
.footer-bottom-left a:hover{
	color: #FFA900;
}
.footer-bottom-right{
	width: 125px;
	height: 125px;
	display: block;
	margin-top: 40px;
}
.footer-bottom-right img{
	width: 125px;
	height: 125px;
}